<template>
	<view class="contain cu-card">
		<view class="cu-item">
			<view class="cu-item">
						<view class="" style="padding: 16rpx;">
							<view class="cu-list">
								<text style="font-size: 18px;">{{item.Title||''}}</text>
							</view>
							<view class="cu-list flex">
								<view style="width: 60%;">
									<text class="text-gray ">投诉时间:</text>
									<text class="padding">{{item.FeedbackDate||''}}</text>
								</view>
								<view style="flex: 1;">
									<text class="text-gray">回复状态:</text>
									<text class="padding" :style="{'color':item.ReplyStatus==0?'red':'green'}" >{{status[item.ReplyStatus]||''}}</text>
								</view>
							</view>
							<view class="cu-list flex">
								<view style="width: 60%;">
									<text class="text-gray ">投诉类型:</text>
									<text class="padding">{{item.Type||''}}</text>
								</view>
								<view style="flex: 1;">
									<text class="text-gray">车次单号:</text>
									<text class="padding" >{{item.OrderNo||''}}</text>
								</view>
							</view>
						</view>
						<view style="padding: 8px;" >
							<textarea class="padding" :value="item.Content" disabled="true"  placeholder="请输入" style="border:0.5px solid #F4F4F4;width: 100%; "/>
						</view>
					</view>
		</view>
		<text style="padding-left: 30px;">回复内容:</text>
		<view class="cu-item " >
			<view style="padding: 8px;" >
				<textarea class="padding" :value="item.ReplyContent"  disabled="true" style="border:0.5px solid #F4F4F4;width: 100%; "/>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status:['未回复','已回复'],
				comId:'',
				item:{title:'我是title1',content:'投诉内容1',time:'2020/06/04 11:08',status:'未回复'},
			}
		},
		onLoad(options){
			if(options.id){
				this.comId=options.id
				this.getDetail(options.id)
			}
			let title=options.id?'编辑':'新建'
			uni.setNavigationBarTitle({
				title:'在线投诉'
			})
		},
		methods: {
			getDetail(id){
				this.$store.dispatch('uni/GetFeedbackInfo',{FeedbackID:id}).then(res=>{
					this.item=res.Data
				})
			}
		}
	}
</script>

<style>

</style>
